    input:focus {   
  
           outline: none;   
           border-bottom: solid 1px #007bff!important;
  
      } 
      textarea:focus{
      	border-bottom: solid 1px #007bff!important;
      }
     .content-wrapper{
     	margin-left: 0;
     }
	ul{
		list-style: none;
		margin: 0;
		padding: 0;
	}
	#base_infor input,#base_infor select{
		color: #878b8e;
	}
	.user_infor textarea{
		resize: none;
	}
	.user_infor .list-group-item{
		padding: 0.25rem 1.65rem;
		font-size: 12px;
		border: none;
		text-indent: 1em;
	}

	.user_infor .list-group-item span{
		color: #878b8e!important;
	}
	.user_infor .list-group-item textarea,.user_infor .list-group-item input{
		color: #36373c;
		width:250px;
		height: 26px;
		text-align: left;
		border: none;
		background: none;
	}
	.user_infor .select2-container{
		float: right;
		border: none;
	}

	.user_infor .select2{
		text-indent: 0;
	}
	.user_infor .card-body{
		padding: 0.5rem;
	}
	.user_infor .card-body p{
		margin-bottom: 0.5rem;
	}
	
	.user_infor .nav-link{
		padding: 0.1rem 1rem;
		font-size: 12px;
	}
	.user_infor .card-header{
		background: #233d4a;
		color: #647783;
	}
	.user_infor .nav-pills .nav-link.active{
		background: none;
	}
	.user_infor .p-2{
		padding-bottom: 0!important;
	}
	.user_infor .nav-item a{
		display: inline-block;

		height: 30px;
		
		
		
		border-radius: 0!important;
	}
	.user_infor .nav-pills .nav-link.active{
		border-bottom: 4px solid white;
	}
	.user_infor .select_item{
		text-align: right;
		position: relative;
		
	}
	.user_infor .select_main{
		height: auto;
	}
	.user_infor .select_body{
	
		display: inline-block;
		width: 200px;
		position: absolute;
		right: 0;
		z-index: 10;
	}
 html, body,.user_infor,.user_infor .wrapper,.user_infor .content-wrapper,.user_infor .content,.user_infor .container-fluid,.user_infor .row,.user_infor .card{
 	height: 100%!important;
 }
 .user_infor .select2-container--default .select2-selection--single,.user_infor .select2-container--default .select2-selection--single{
		border:none;
	}
	.user_infor .select2-container--default .select2-selection--multiple,.user_infor .select2-container--default .select2-selection--multiple{
		border: none;
	}
	.user_infor .select2-container .select2-selection--multiple{
		
	max-height: 26px;
	min-height: 26px;
	}
	.select2-container .select2-selection--single .select2-selection__rendered{
		padding-left: 4px;
	}
	.select2-container--default .select2-selection--single .select2-selection__rendered{
		color: #878b8e;
	}
 .user_infor .select_item ul{
 	background: white;
 	border: 0 solid rgba(0,0,0,.125);
	border-radius: .25rem;
	box-shadow: 0 0 1px rgba(0,0,0,.125),0 1px 3px rgba(0,0,0,.2);
	list-style: none;
	font-size: 12px;
	width: 100%;
	height: 100%;
	text-align: center;
	padding: 20px;
	margin: 0;
 }
 .user_infor .select_item ul li{
 		height: 40px;
 		line-height: 40px;
 }
  .user_infor .select_item ul input{
  	
  margin-right: 20px;
  }
  .user_infor .select_item ul label{
	font-weight: normal!important;
  }
 .user_infor .open_icon{
 	background: none;
 	border: none;
 }
 .user_infor .sel_all{
 	display: inline-block;
 	background: none;
 	border:1px solid rgba(0,0,0,.125) ;
 	line-height: 20px;
 	height: 25px;
 	border-radius: 13px 13px;
 }
 .user_infor .sel_all:active{
 	background: #007bff;
 }
 .user_infor .cont_sel{
 	background: white;
 	border: 0 solid rgba(0,0,0,.125);
	border-radius: .25rem;
	box-shadow: 0 0 1px rgba(0,0,0,.125),0 1px 3px rgba(0,0,0,.2);
	overflow-y: scroll;
	z-index: 999;
	height: 100%;
 }
 .user_infor .select2-container--default .select2-selection--multiple .select2-selection__choice{
 	min-width: 60px;
 	text-indent: 0;
 	background: none;
 	color: #878b8e;
 }
 .user_infor .select2-container--default .select2-selection--single{
 	padding: 0;
 }
 .user_infor .select2-selection__rendered{
 	font-size: 12px;
 }
 .user_infor .post_inp{
 	text-indent: 0.5em;
 }
 .user_infor .alter_person{
 	padding: 0;
 	margin: 0;
 	list-style: none;
 	margin-top: 20px;
 	margin-left: 20px;
 }
 .user_infor .alter_person li{
 	border-bottom: 1px solid rgba(0,0,0,.125);
 	font-size: 12px;
 	text-indent: 1em;
 	height: 30px;
 	line-height: 30px;
 }
 .user_infor .business_text label{
 	font-size: 12px;
 }
 .user_infor .submit{
 	text-decoration: none;
    margin-left: 20px;
   
 }
  .user_infor .submit i{
  	 color: #647783;
  	 cursor: pointer;
  }
 .user_infor .return_icon i{
 	font-size: 20px;
 	color: #6c757d;
 }
 .user_infor .more_icon{
 	position: absolute;
 	right: 20px;
 	color: white;
 }
 .user_infor .card-header p button{
 	background: none;
 	border: none;
 	cursor: pointer;
 }
 .user_infor .timeline-body{
 	font-size: 12px;
 }
 .user_infor .timeline-body div{
 	position: relative;
 }
 .user_infor .timeline-body label{
 	font-weight: normal!important;
 }
  .user_infor .timeline-body span{
  	margin-right: 10px;
  }
 .user_infor .timeline-body input{
 	width: 120px;
 	border: none;
 	margin-top: 10px;
 }
 .user_infor .sub_edit{
 	background: none;
 	border: none;
 	position: absolute;
 	right: 20px;
 	top: 10px;
 	color: #2f9bff;
 	cursor: pointer;
 }
 .user_infor .event_like{
 	background: none;
 	display: inline;
 	border: none;
 	color: #999;
 	margin-right: 0px!important;
 	cursor: pointer;
 	
 }
 .user_infor .event_other{
 	text-align: right;
 	height: 30px;
 	margin-top: -20px;
 }
 .user_infor .cstm_replay_text li{
 	height: 30px;
 	line-height: 30px;
 	color: #007bff;
 }
 .user_infor .event_body{
 	min-height: 40px;
	position: relative;
	top: -25px;
	padding-left: 60px;
 }
 .user_infor .event_text{
 	display: inline-block;
 	min-height: 40px;
 }
 .user_infor .guild_text{
 	border: solid 1px #c7c7c7!important;
 	width: 100%!important;
 	height: 35px;
 }
 .user_infor .big_img{
 	position: absolute;
 	text-align: center;
 	z-index: 10000;
 	width:800px;
 	margin-left: 50%;
 	left: -400px;
 	top: 0px;
 	background: rgba(0,0,0,0.7);
 	display: none;
 	padding-top: 40px;
 	padding-bottom: 40px;
 	box-shadow: 0 0 1px rgba(0,0,0,.125),0 1px 3px rgba(0,0,0,.2);
 }
 .user_infor .big_img_src{
 	width: 600px;
 	height: 450px;
 	display: inline-block;
 
 }
 .user_infor .bg-yellow{
 	    background-color: #f39c12 !important;
 	    color: white;
 }
 .user_infor .bg-maroon {
    background-color: #d81b60 !important;
    color: white;
}
.user_infor .bg-aqua{
	background-color: #00c0ef !important;
	color: white;
}
.user_infor .bg-green{
	background-color: #00a65a !important;
	color: white;
}
.user_infor .nav_select{
	width: 100%;
}
.user_infor .nav_select a{
	color: black;
}
.user_infor .click_more {
    text-align: center;
    font-size: 12px;
    line-height: 23px;
    height: 30px;
    color: #878b8e;
    }
 .user_infor .click_more a{
    	cursor: pointer;
    }
.user_infor .img_all_screen,.user_infor .close_big_img{
	background: none;
	border: none;
}
.user_infor .img_all_screen{
	position: absolute;
	top: 10px;
	right: 40px;
}
.user_infor .img_all_screen i{
	color: white;
}
.user_infor .close_big_img{
	position: absolute;
	top: 10px;
	right: 10px;
	color: white;
	}
.user_infor .wrapper{
	overflow: hidden;
}

.user_infor .business_text div{
	position: relative;
	height: 80px;
	margin-top: 10px;
	margin-left: 35px;
}
.user_infor .business_text textarea{
	vertical-align: top;
	margin-top:5px;
	position: absolute;
	left: 100px;
	
}
.user_infor .submit_box{
	text-align: center;
	width: 100%;
	display: inline-block;
	position: absolute;
	bottom:60px;
}
.click_eye1,.click_eye2{
	position: relative;
	left: 100px;
	top: 3px;
	cursor: pointer;
}
.pic_upload{
	display: inline-block;
	width: 100px;
	text-indent: 0;
	text-decoration: underline;
}
#upload{
	width: 0px;
	height: 0px;
	overflow: hidden;
}
.pic_ha{
	display: inline-block;
	width: 250px;
	text-indent: 0;
}
.guild_sub{
	
    position: absolute;
    right: 0;
    top:10px;
    margin-right: 0!important;
    display: inline-block;
    width: 40px;
    height: 34px;
    z-index: 1;
    background: none;
}
.guild_sub button{
	display: inline-block;
	border: none;
	width: 40px;
	color: white;
	height: 34px;
	padding: 0;
	background: #878b8e;
}
